<template>
	
	<!-- tag-sex-age.vue -->
	

		
		<!--  一个小图标表示性别   一个是数字 显示年龄  从父组件传递过来-->
		
		
		<view class="tag-sex icon iconfont"
			
			:class="[sex==0? 'icon-nan':'icon-nv']"
			>
				{{age}}
				
				
			</view>

</template>

<script>
	
	
	export default  {
		props:{
			age:Number,
			sex:[Number,Boolean]
		}
	}
</script>

<style  scoped>
	
	
	.tag-sex{
			background: #007AFF;
			color: #FFFFFF;
			font-size: 23upx;
			padding: 5upx 10upx;
			margin-left: 10upx;
			border-radius:20upx;
			line-height: 22upx;
		}
</style>
